import { defineStore } from 'pinia'
import { ref } from 'vue'
import { getCategoryAPI } from '@/apis/layout.js'

// 注意：为什么需要将导航列表数据存储到 store 中呢？
//    - 因为这里的常规导航和吸顶导航是两个组件，都需要渲染数据，避免重复网络请求，所以将导航数据存储到 store 中。
export const useCategoryStore = defineStore('category', () => {
  // 导航列表数据管理
  // state 导航数据列表
  const categoryList = ref([])
  // action 获取导航数据的方法
  const getCategory = async () => {
    const res = await getCategoryAPI()
    categoryList.value = res.result
  }
  return {
    categoryList,
    getCategory
  }
})
